@tableHeight: 48px;
@paddingCol: 24px;
// @evenBg: #222629;
// @oddBg: #2d3134;

.listWrap {
  display: flex;
  flex-direction: column;
  ul[class~='ant-pagination'] {
    padding-top: 18px;
    text-align: right;
  }
}
.tableWrap {
  height: auto;
  overflow: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  & > [class~='empty'] {
    [class='art-table'] {
      [class~='art-table-body'] {
        tbody {
          tr > td {
            height: calc(100vh - 247px) !important;
            background-color: var(--bg-main);
          }
        }
      }
    }
  }
  [class='art-table'] {
    [class~='art-table-header'] {
      thead {
        tr > th {
          &:first-child {
            padding-left: @paddingCol;
            border-top-left-radius: 5px !important;
          }

          height: @tableHeight;
          // color: #fff;
          // background: #383c3e;
          border-bottom: none;
        }
      }
    }
    [class~='art-table-body'] {
      tbody {
        tr {
          // &[class~='even'] > td {
          //   background: @evenBg;
          // }
          // &[class~='odd'] > td {
          //   background: @oddBg;
          // }
          td {
            height: @tableHeight;
            overflow: hidden;
            // color: var(--font);
            white-space: nowrap;
            text-overflow: ellipsis;
            border-bottom: none;
            &:first-child {
              padding-left: @paddingCol;
            }
            &:last-child {
              [data-operate] {
                color: var(--font-primary);
                cursor: pointer;
              }
            }
          }
        }
      }
    }
  }
}
